<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>tsak005</title>
    <link href="task005.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="nav">
    <h1>动物世界</h1>
    <ul>
        <li><a>链接1</a></li>
        <li><a>链接2</a></li>
        <li><a>链接3</a></li>
        <li><a>链接4</a></li>
    </ul>
</div>
<div class="wrapper">
    <div class="main">
        <div class="content">
            <h2>森林之王</h2>
            <h3>狮子一</h3>
            <h4>张三 2012-01-01</h4>
            <p>狮子（学名：Panthera leo；英文名：Lion）：简称狮，中国古称狻猊。是一种生存在非洲与亚洲的大型猫科动物，
                是现存平均体重最大的猫科动物，也是在世界上唯一一种雌雄两态的猫科动物。</p>
            <p>狮子体型大，躯体均匀，四肢中长，趾行性。头大而圆，吻部较短，视、听、嗅觉均很发达。犬齿及裂齿极发达；
                上裂齿具三齿尖，下裂齿具2齿尖；臼齿较退化，齿冠直径小于外侧门齿高度。皮毛柔软。前足5趾，后足4趾；爪
                锋利，可伸缩。尾较发达。有“草原之王”的称号，是非洲顶级的猫科食肉动物。野生非洲雄狮平均体重240千克，
                全长可达3.2米。狮子的毛发短，体色有浅灰、黄色或茶色，雄狮
                还长有很长的鬃毛，鬃毛有淡棕色、深棕色、黑色等等，长长的鬃毛一直延伸到肩部和胸部。</p>
            <img src="../../practice/示例1.jpg"/>
            <p>生活在热带稀树草原和草地，也出现于灌木和旱林。肉食，常以伏击方式捕杀其他温血动物。
                分布于非洲草原、亚洲印度。在野外狮子活10到14年，圈养下更长寿，一般达二十余年。</p>
        </div>
        <div class="content">
            <h2>森林之王</h2>
            <h3>狮子三</h3>
            <h4>张三 2013-01-01</h4>
            <p>狮子是大型猫科动物，科学家根据其进化轨迹得出结论，该物种起源于约12万年前。英国《BMC进化生物学》杂志
                刊登的这项最新成果由英国、美国、法国和澳大利亚等国研究人员共同完成。他们从分布在世界各地博物馆中的古代狮
                子标本中取样，包括已经灭绝的北非巴巴里狮、伊朗狮等。
                研究人员对它们进行了基因测序，并将测序结果与现有的亚洲狮、非洲狮进行比对，得出了现代狮子的进化路线图。</p>
            <img src="../../practice/示例1.jpg"/>
            <ul>
                <li>狮子的种类</li>
                <li>狮子的生活区域</li>
                <li>狮子的辨别</li>
            </ul>
        </div>
        <div class="pic">
            <h2>图片</h2>
            <div class="pic-inner">
                狮子
                <img src="../../practice/示例1.jpg"/>
            </div>
            <div class="pic-inner">
                狮子
                <img src="../../practice/示例1.jpg"/>
            </div>
            <div class="pic-inner">
                狮子
                <img src="../../practice/示例1.jpg"/>
            </div>
            <div class="pic-inner">
                狮子
                <img src="../../practice/示例1.jpg"/>
            </div>
            <div class="pic-inner">
                狮子
                <img src="../../practice/示例1.jpg"/>
            </div>
            <div class="pic-inner">
                狮子
                <img src="../../practice/示例1.jpg"/>
            </div>
            <div class="pic-inner">
                狮子
                <img src="../../practice/示例1.jpg"/>
            </div>
            <div class="pic-inner">
                狮子
                <img src="../../practice/示例1.jpg"/>
            </div>
            <div class="pic-inner">
                狮子
                <img src="../../practice/示例1.jpg"/>
            </div>
            <div class="pic-inner">
                狮子
                <img src="../../practice/示例1.jpg"/>
            </div>
        </div>
        <div class="content">
            <h2>相关文献</h2>
            <h3>中文文献</h3>
            <h4>王五 2017-01-01</h4>
            <ol type="1">
                <li>狮子研究</li>
                <li>狮子习性调查</li>
                <li>动物界的生存法则</li>
            </ol>
            <table border="1px">
                <tr>
                    <th>种类</th>
                    <th>颜色</th>
                    <th>生活区域</th>
                </tr>
                <tr>
                    <td>东北虎</td>
                    <td>白色</td>
                    <td>东北</td>
                </tr>
                <tr>
                    <td>华南虎</td>
                    <td>黑色</td>
                    <td>华南</td>
                </tr>
                <tr>
                    <td>亚洲</td>
                    <td>白色</td>
                    <td>亚洲</td>
                </tr>
                <tr>
                    <td>野生虎</td>
                    <td>白色</td>
                    <td>野外</td>
                </tr>
                <tr>
                    <td>虎王</td>
                    <td>外太空</td>
                </tr>
            </table>
        </div>
    </div>
</div>
<div class="sidebar">
    <h2>用户注册</h2>
    <form method="get">
        <div class="email">
            <div class="wrap">
                <div class="email-text">
                    <input value="请输入邮箱">
                </div>
            </div>
            <div class="email-tip">
                请输入邮箱地址：
            </div>
        </div>
        <div class="email-clue">
            邮箱地址请按要求格式输入
        </div>
        <div class="pass">
            <div class="psss-input">
                <div class="wrap">
                    <div class="pass-input-text">
                        <input value="请输入密码">
                    </div>
                </div>
                <div class="pass-input-tip">
                    请输入密码：
                </div>
            </div>
            <div class="pass-check">
                <div class="pass-check-tip">
                    请重复输入密码：
                </div>
                <div class="pass-check-text">
                    <input value="请再次输入密码">
                </div>
            </div>
            <div class="pass-check-clue">
                密码请为6-16位英文数字
            </div>
        </div>
        <div class="sex">
            <div class="wrap">
                <div class="sex-select">
                    <label>
                        <input type="radio" value="">男
                    </label>
                    <label>
                        <input type="radio" value="">女
                    </label>
                </div>
            </div>
            <div class="sex-tip">
                性别：
            </div>
        </div>
        <div class="city">
            <div class="wrap">
                <div class="city-select">
                    <select>
                        <option value="">北京</option>
                        <option value="" selected="selected">天门</option>
                        <option value="">仙桃</option>
                    </select>
                </div>
            </div>
            <div class="city-tip">
                城市：
            </div>
        </div>
        <div class="hobby">
            <div class="wrap">
                <div class="hobby-select">
                    <label>
                        <input type="checkbox" value="">运动
                    </label>
                    <label>
                        <input type="checkbox" value="">艺术
                    </label>
                </div>
            </div>
            <div class="hobby-tip">
                爱好：
            </div>
        </div>
        <div class="des">
            <div class="wrap">
                <div class="des-text">
                    <textarea rows="4" cols="22px" value="输入个人描述">这是一个多行输入框，输入您的个人描述</textarea>
                </div>
            </div>
            <div class="des-tip">
                个人描述：
            </div>
        </div>
        <div class="button">
            <input type="button" value="确认提交">
        </div>
    </form>
</div>
<div class="footer">版权所有©</div>
</body>
</html>